<link rel="stylesheet" href="__STATIC__/admin/css/login.css?v={$version}" media="all">
<div class="main-body">
    <div class="login-main">
        <div class="login-top">
            <span>注册</span>
            <span class="bg1"></span>
            <span class="bg2"></span>
        </div>
        <form class="layui-form login-bottom">
            <div class="center" style="padding-bottom: unset;">

                <div class="item">
                    <span class="icon icon-2"></span>
                    <input type="text" name="username" lay-verify="required|email"  placeholder="请输入您的邮箱" maxlength="24"/>
                </div>
    
                <div class="item">
                    <span class="icon icon-1"></span>
                    <input style="position: relative;" type="text" name="code" lay-verify="required"  placeholder="请输入邮箱验证码" maxlength="6">
                    <a style="position: absolute;right: 0;" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal send-code">获取验证码</a>
                </div>

                <div class="item">
                    <span class="icon icon-3"></span>
                    <input type="password" name="password" lay-verify="required"  placeholder="请输入密码" maxlength="20">
                    <span class="bind-password icon icon-4"></span>
                </div>
    
                <div class="item">
                    <span class="icon icon-3"></span>
                    <input type="password" name="repassword" lay-verify="required"  placeholder="请再次输入密码" maxlength="20">
                    <span class="bind-password icon icon-4"></span>
                </div>
                
                {present name="pid"}
                <div class="item" style="border-bottom: unset;margin-bottom: 0;">
                    <span style="font-size: 15px;color: #a5a5a5;display: block;text-align: center;">推荐人ID：{$pid}</span>
                    <input type="hidden" name="pid" lay-verify="number" value="{$pid}" class="layui-hide" readonly>
                </div>
                {else /}
                <div class="item">
                    <span class="icon icon-2"></span>
                    <input type="text" name="pid" placeholder="请输入推荐人ID（若没有可不填）" maxlength="11" oninput = "value=value.replace(/[^\d]/g,'')">
                </div>
                {/present}
            </div>
            
            <div class="layui-form-item" style="text-align:center; width:100%;height:100%;margin:0px;">
                <button class="login-btn" lay-submit>立即注册</button>
            </div>
            <div style="padding: 20px 0 0 0;text-align: center;font-size: 13px;">
                <span>已有账号，</span>
                <a href="{:url('login/index')}" style="color: blue;">立即登录</a>
            </div>
        </form>
    </div>
</div>
{if !$is_mobile}
<div class="footer">
    {:sysconfig('site','site_copyright')}<span class="padding-5">|</span><a target="_blank" href="http://www.miitbeian.gov.cn">{:sysconfig('site','site_beian')}</a>
</div>
{/if}